import React, { useEffect, useState } from "react";
import './My_list.css'
import axios from 'axios'
import { useNavigate } from 'react-router-dom';
function Shen_hou() {

    const [order, setOrder] = useState([])
    const navigate = useNavigate();
    useEffect(() => {
        getOrder()
    }, [])

    const getOrder = async () => {
        let data = await axios.get(`http://localhost:3000/order_List`)
        console.log(data);
        setOrder(data.data.data)
    }
    return (
        <div className="shen_qingzhong">
            <div className="dingdan_detail_top">
                <div className="dingdan_detail_left">
                    <p >9:41</p>
                </div>
                <div className="dingdan_detail_right">
                    <h3 className='dingdan_detail_right_h3'>
                        <svg t="1739181732005" class="icon" viewBox="0 0 1294 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4224" width="20" height="20"><path d="M0 727.578947l188.631579 0 0 296.421053-188.631579 0 0-296.421053Z" p-id="4225" fill="#2c2c2c"></path><path d="M269.473684 565.894737l188.631579 0 0 458.105263-188.631579 0 0-458.105263Z" p-id="4226" fill="#2c2c2c"></path><path d="M565.894737 377.263158l161.684211 0 0 646.736842-161.684211 0 0-646.736842Z" p-id="4227" fill="#2c2c2c"></path><path d="M835.368421 188.631579l188.631579 0 0 835.368421-188.631579 0 0-835.368421Z" p-id="4228" fill="#2c2c2c"></path><path d="M1104.842105 0l188.631579 0 0 1024-188.631579 0 0-1024Z" p-id="4229" fill="#2c2c2c"></path></svg>
                    </h3>
                    <h3 className='dingdan_detail_right_h31'>
                        <svg t="1739181875778" class="icon" viewBox="0 0 1346 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8311" width="20" height="20"><path d="M614.762225 324.416035a578.94361 578.94361 0 0 0-397.653943 238.117618 89.918541 89.918541 0 1 0 154.434563 92.115133 407.432318 407.432318 0 0 1 262.421842-151.458536c118.438803-12.683545 237.054751 43.400399 352.482099 166.834678a89.95397 89.95397 0 0 0 131.370351-122.867416c-194.575504-207.825911-380.966932-235.81474-503.054912-222.741477z m60.866846 354.288972a172.645016 172.645016 0 1 0 172.574158 172.574159 172.645016 172.645016 0 0 0-172.645016-172.715874zM630.846944 0.985632C291.615253 16.609776 64.232591 258.695431 22.107632 307.055875a89.918541 89.918541 0 0 0 135.621819 118.049086c20.655047-23.701932 209.668214-232.023848 481.407855-244.459391 185.222275-8.502935 372.003421 75.746982 555.135391 250.553161a89.918541 89.918541 0 0 0 124.001141-130.130339C1098.366672 90.939602 867.015973-9.997326 630.846944 0.985632z" p-id="8312" fill="#2c2c2c"></path></svg>
                    </h3>
                    <h3 className='dingdan_detail_right_h32'>
                        <svg t="1739182052804" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9429" width="20" height="20"><path d="M984.2 434.8c-5-2.9-8.2-8.2-8.2-13.9v-99.3c0-53.6-43.9-97.5-97.5-97.5h-781C43.9 224 0 267.9 0 321.5v380.9C0 756.1 43.9 800 97.5 800h780.9c53.6 0 97.5-43.9 97.5-97.5v-99.3c0-5.8 3.2-11 8.2-13.9 23.8-13.9 39.8-39.7 39.8-69.2v-16c0.1-29.6-15.9-55.5-39.7-69.3zM912 702.5c0 12-6.2 19.9-9.9 23.6-3.7 3.7-11.7 9.9-23.6 9.9h-781c-11.9 0-19.9-6.2-23.6-9.9-3.7-3.7-9.9-11.7-9.9-23.6v-381c0-11.9 6.2-19.9 9.9-23.6 3.7-3.7 11.7-9.9 23.6-9.9h780.9c11.9 0 19.9 6.2 23.6 9.9 3.7 3.7 9.9 11.7 9.9 23.6v381z" p-id="9430" fill="#2c2c2c"></path><path d="M736 344v336c0 8.8-7.2 16-16 16H112c-8.8 0-16-7.2-16-16V344c0-8.8 7.2-16 16-16h608c8.8 0 16 7.2 16 16z" p-id="9431" fill="#2c2c2c"></path></svg>
                    </h3>
                </div>
            </div>
            <div className="dingdan_detail_wodedingdan">
                <div className="dingdan_detail_wodedingdan_left" onClick={() => {
                    navigate('/ding_detail')
                }}>
                    <p>
                        <svg t="1739244511321" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4181" width="25" height="25"><path d="M393.390114 512.023536l347.948667-336.348468c20.50808-19.85828 20.50808-51.997258 0-71.792093-20.507056-19.826558-53.778834-19.826558-74.28589 0L281.990954 476.135164c-20.476357 19.826558-20.476357 51.981908 0 71.746044l385.061936 372.236839c10.285251 9.91379 23.728424 14.869662 37.173644 14.869662 13.446243 0 26.889417-4.956895 37.112246-14.901385 20.50808-19.826558 20.50808-51.919487 0-71.746044L393.390114 512.023536" p-id="4182"></path></svg>
                    </p>
                </div>
                <div className="dingdan_detail_wodedingdan_center">
                    <h3>选择售后类型</h3>
                </div>
                <div className="dingdan_detail_wodedingdan_right">
                    <p>
                        <svg t="1739244623761" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5168" width="30" height="30"><path d="M446.112323 177.545051c137.567677 0.219798 252.612525 104.59798 266.162424 241.493333 13.562828 136.895354-78.778182 261.818182-213.617777 289.008485-134.852525 27.203232-268.386263-52.156768-308.945455-183.608889s25.018182-272.252121 151.738182-325.779394A267.235556 267.235556 0 0 1 446.112323 177.545051m0-62.060607c-182.794343 0-330.989899 148.195556-330.989899 330.989899s148.195556 330.989899 330.989899 330.989899 330.989899-148.195556 330.989899-330.989899-148.195556-330.989899-330.989899-330.989899z m431.321212 793.341415a30.849293 30.849293 0 0 1-21.94101-9.102223l-157.220202-157.220202c-11.752727-12.179394-11.584646-31.534545 0.37495-43.50707 11.972525-11.972525 31.327677-12.140606 43.494141-0.37495l157.220202 157.220202a31.036768 31.036768 0 0 1 6.723232 33.810101 31.004444 31.004444 0 0 1-28.651313 19.174142z m0 0" p-id="5169" fill="#9f9475"></path></svg>
                    </p>
                </div>
            </div>
            <div className="shen_qingzhong_wuliugongsi">
                <div className="shen_qingzhong_wuliugongsi_top">
                    <h3 style={{
                        marginLeft: '10px'
                    }}>物流公司</h3>
                    <p><span style={{
                        marginLeft: '100px'
                    }}>圆通快递YT20873684683 </span>
                        <span className="rutgd"><svg t="1739270060716" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7297" width="30" height="30"><path d="M682.666667 341.333333h128v469.333334H341.333333v-128H213.333333V213.333333h469.333334v128z m0 85.333334v256h-256v42.666666h298.666666v-298.666666h-42.666666zM298.666667 298.666667v298.666666h298.666666V298.666667H298.666667z" fill="#b8741a" p-id="7298"></path></svg> </span></p>
                </div>
                <div className="shen_qingzhong_wuliugongsi_bottom">
                    <div className="shen_qingzhong_wuliugongsi_bottom_left">
                        <svg t="1739270699753" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9484" width="30" height="30"><path d="M352 576l-128 0q-12.992 0-22.496-9.504t-9.504-22.496 9.504-22.496 22.496-9.504l96 0 0-96q0-12.992 9.504-22.496t22.496-9.504 22.496 9.504 9.504 22.496l0 128q0 12.992-9.504 22.496t-22.496 9.504zM702.016 667.008q-46.016 0-81.504 28.512t-45.504 72.512l-124 0q-7.008-28.992-24.992-52t-44.992-36-56.992-12.992q-27.008 0-51.008 10.496t-42.016 28-28 41.504-10.016 51.008q0 54.016 38.016 92.512t92.992 38.496q44 0 79.008-27.488t47.008-69.504l126.016 0q12 42.016 46.496 69.504t79.488 27.488q54.016 0 92.512-38.496t38.496-92.512-38.496-92.512-92.512-38.496zM323.488 864.992q-27.488 0-47.008-19.488t-19.488-47.488q0-11.008 3.008-21.504t9.504-18.496 14.496-14.016 18.496-9.504 21.504-3.488q27.008 0 47.008 19.488t20 47.488-20 47.488-47.488 19.488zM702.016 864.992q-18.016 0-33.504-8.992t-24.512-24.512-8.992-33.504 8.992-33.504 24.512-24.512 33.504-8.992q28 0 47.488 19.488t19.488 47.488q0 18.016-8.992 33.504t-24.512 24.512-33.504 8.992zM864 96l-464 0q-12.992 0-25.504 4t-22.016 11.488-16.992 16.992-11.488 22.016-4 25.504l0 92-199.008 100q-56 40-56 112l0 322.016q0 12.992 9.504 22.496t23.008 9.504 22.496-9.504 8.992-22.496l0-322.016q0-38.016 27.008-58.016l210.016-104.992 2.016-2.016 2.016-0.992q4-3.008 4.992-4.512t3.008-3.488l0.992-0.992 3.008-6.016q0-2.016 0.992-6.016l0-2.016 0.992-3.008 0-112q0-4.992 2.016-8.512t5.504-5.504 8.512-2.016l464 0q12.992 0 22.496 9.504t9.504 23.488l0 607.008q0 12.992 9.504 22.496t22.496 9.504 22.496-9.504 9.504-22.496l0-607.008q0-40-28-68.512t-68-28.512z" fill="#272636" p-id="9485"></path></svg>
                    </div>
                    <div className="shen_qingzhong_wuliugongsi_bottom_right">
                        <p>
                            <span> 【深圳市】广东深圳公司分部已揽收</span>
                            <span style={{
                                marginLeft: '20px',
                                marginTop: '10px',
                            }}><svg t="1739270930995" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10459" width="20" height="20"><path d="M709.845333 250.346667a22.4 22.4 0 0 1 0.533334-30.848 20.48 20.48 0 0 1 29.717333 0.64l272.426667 292.693333-272.426667 292.650667a20.458667 20.458667 0 0 1-29.717333 0.64c-8.32-8.32-8.746667-21.973333-0.533334-30.848l242.346667-262.464-242.346667-262.464z" fill="#3D3D3D" p-id="10460"></path></svg></span>
                        </p>
                        <p>
                            2024-8-23 09:23:34
                        </p>
                    </div>
                </div>
                <div className="shen_qiangzhong_wuliugongsi_last_xia">
                    <div className="shen_qiangzhong_wuliugongsi_list_left">
                        <img src='../public/hua.png' alt="" width={80} height={80} />
                    </div>
                    <div className="shen_qiangzhong_wuliugongsi_list_right">
                        <p className="shen_qiangzhong_wuliugongsi_list_right_p"><span>非遗融化发簪</span>
                            <span>￥39.9</span>
                        </p>
                        <p className="shen_qiangzhong_wuliugongsi_list_right_p1">
                            <span>木发簪</span>
                            <span >x1</span>
                        </p>
                    </div>

                </div>
                <div className="shen_qiangzhaong_woyaotuihuo">
                    <div className="shen_qiangzhaong_woyaotuihuo_top">
                        <p>
                            <span>
                                <svg t="1739277327448" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11671" width="30" height="30"><path d="M5.298087 0H1024v1022.901797H5.298087z" fill="#FFFFFF" p-id="11672"></path><path d="M0 0.912696h1018.88742V1024H0z" fill="#FFFFFF" opacity=".5" p-id="11673"></path><path d="M929.888464 315.421681a89.228986 89.228986 0 0 0-15.812638-50.16858L823.03629 164.953043a80.769855 80.769855 0 0 0-66.968116-34.637913l-248.987826 1.224348-248.980406 1.224348a80.747594 80.747594 0 0 0-66.619362 35.290899L101.784116 269.245217a89.162203 89.162203 0 0 0-15.300638 50.324406l2.515479 495.935073a80.421101 80.421101 0 0 0 81.67513 79.10029l340.428058-1.676986 340.428058-1.676986a80.37658 80.37658 0 0 0 80.881159-79.89426zM542.616116 766.21913H413.391768a5.691362 5.691362 0 0 1-5.698782-5.683942v-58.241855a5.691362 5.691362 0 0 1 5.698782-5.683942H547.246377c38.540986 0 69.750725-28.93913 69.750724-64.638145a54.361043 54.361043 0 0 0-1.840231-13.950145 69.231304 69.231304 0 0 0-32.359884-40.499942 65.335652 65.335652 0 0 0-25.525798-9.267942c-3.33913-0.385855-6.678261-0.675246-10.054492-0.890434-6.552116-0.408116-13.126493-0.25971-19.69345-0.259711-11.375304 0-22.201507 0.230029-33.309681 0.230029v38.184812a6.270145 6.270145 0 0 1-9.290203 5.476174L336.243014 529.281855a8.043594 8.043594 0 0 1-0.25971-13.964985L484.715594 426.147246a6.270145 6.270145 0 0 1 9.497971 5.35745v56.282898h15.174493a411.40313 411.40313 0 0 1 57.796638 1.409855 139.649855 139.649855 0 0 1 104.46284 74.692638 166.600348 166.600348 0 0 1 15.10029 72.273623c-1.365333 76.673855-67.294609 130.05542-144.13171 130.05542z m338.758493-421.212753l-744.388638 3.658203h-0.089043a18.892058 18.892058 0 1 1-0.096464-37.776696l744.388637-3.658203h0.089044a18.892058 18.892058 0 1 1 0.096464 37.776696z" fill="#F84F57" p-id="11674"></path></svg>
                            </span>
                            <span style={{
                                marginLeft: '10px',
                            }}>
                                我要退款（无需退货）
                            </span>
                        </p>
                        <p style={{
                            marginTop: '10px',
                            marginLeft: '40px',
                        }}>
                            未收到货，或与商家协商之后同意不退货仅退款


                        </p>
                    </div>

                </div>
                <div className="shen_qiangzhaong_woyaotuihuo">
                    <div className="shen_qiangzhaong_woyaotuihuo_bottom">
                        <p>
                            <span>
                                <svg t="1739277327448" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11671" width="30" height="30"><path d="M5.298087 0H1024v1022.901797H5.298087z" fill="#FFFFFF" p-id="11672"></path><path d="M0 0.912696h1018.88742V1024H0z" fill="#FFFFFF" opacity=".5" p-id="11673"></path><path d="M929.888464 315.421681a89.228986 89.228986 0 0 0-15.812638-50.16858L823.03629 164.953043a80.769855 80.769855 0 0 0-66.968116-34.637913l-248.987826 1.224348-248.980406 1.224348a80.747594 80.747594 0 0 0-66.619362 35.290899L101.784116 269.245217a89.162203 89.162203 0 0 0-15.300638 50.324406l2.515479 495.935073a80.421101 80.421101 0 0 0 81.67513 79.10029l340.428058-1.676986 340.428058-1.676986a80.37658 80.37658 0 0 0 80.881159-79.89426zM542.616116 766.21913H413.391768a5.691362 5.691362 0 0 1-5.698782-5.683942v-58.241855a5.691362 5.691362 0 0 1 5.698782-5.683942H547.246377c38.540986 0 69.750725-28.93913 69.750724-64.638145a54.361043 54.361043 0 0 0-1.840231-13.950145 69.231304 69.231304 0 0 0-32.359884-40.499942 65.335652 65.335652 0 0 0-25.525798-9.267942c-3.33913-0.385855-6.678261-0.675246-10.054492-0.890434-6.552116-0.408116-13.126493-0.25971-19.69345-0.259711-11.375304 0-22.201507 0.230029-33.309681 0.230029v38.184812a6.270145 6.270145 0 0 1-9.290203 5.476174L336.243014 529.281855a8.043594 8.043594 0 0 1-0.25971-13.964985L484.715594 426.147246a6.270145 6.270145 0 0 1 9.497971 5.35745v56.282898h15.174493a411.40313 411.40313 0 0 1 57.796638 1.409855 139.649855 139.649855 0 0 1 104.46284 74.692638 166.600348 166.600348 0 0 1 15.10029 72.273623c-1.365333 76.673855-67.294609 130.05542-144.13171 130.05542z m338.758493-421.212753l-744.388638 3.658203h-0.089043a18.892058 18.892058 0 1 1-0.096464-37.776696l744.388637-3.658203h0.089044a18.892058 18.892058 0 1 1 0.096464 37.776696z" fill="#F84F57" p-id="11674"></path></svg>
                            </span>
                            <span style={{
                                marginLeft: '10px',
                            }}>
                                我要退款（无需退货）
                            </span>
                        </p>
                        <p style={{
                            marginLeft: '40px',
                        }}>
                            已收到货，需要退还已收到的货物
                            <span>
                                <div className="top_ding_wei">
                                    <svg t="1739278085091" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12670" width="20" height="20"><path d="M750.768 496.071l-431.027-438.278c-6.686-6.798-17.619-6.891-24.42-0.203-6.801 6.686-6.891 17.62-0.203 24.42l419.018 426.066-424.477 424.478c-6.743 6.743-6.743 17.678 0 24.421 3.372 3.372 7.792 5.058 12.211 5.058s8.84-1.687 12.211-5.058l436.584-436.584c6.705-6.705 6.75-17.56 0.102-24.32z" fill="#8a8a8a" p-id="12671"></path></svg>
                                </div>
                            </span>
                            <span>
                                <div className="top_ding_wei1" >
                                    <svg t="1739278085091" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12670" width="20" height="20"><path d="M750.768 496.071l-431.027-438.278c-6.686-6.798-17.619-6.891-24.42-0.203-6.801 6.686-6.891 17.62-0.203 24.42l419.018 426.066-424.477 424.478c-6.743 6.743-6.743 17.678 0 24.421 3.372 3.372 7.792 5.058 12.211 5.058s8.84-1.687 12.211-5.058l436.584-436.584c6.705-6.705 6.75-17.56 0.102-24.32z" fill="#8a8a8a" p-id="12671"></path></svg>
                                </div>
                            </span>
                        </p>

                    </div>

                </div>
                <div className="shen_qiangzhaong_woyaotuihuo">
                    <div className="shen_qiangzhaong_woyaotuihuo_bottom">
                        <p>
                            <span>
                                <svg t="1739277327448" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11671" width="30" height="30"><path d="M5.298087 0H1024v1022.901797H5.298087z" fill="#FFFFFF" p-id="11672"></path><path d="M0 0.912696h1018.88742V1024H0z" fill="#FFFFFF" opacity=".5" p-id="11673"></path><path d="M929.888464 315.421681a89.228986 89.228986 0 0 0-15.812638-50.16858L823.03629 164.953043a80.769855 80.769855 0 0 0-66.968116-34.637913l-248.987826 1.224348-248.980406 1.224348a80.747594 80.747594 0 0 0-66.619362 35.290899L101.784116 269.245217a89.162203 89.162203 0 0 0-15.300638 50.324406l2.515479 495.935073a80.421101 80.421101 0 0 0 81.67513 79.10029l340.428058-1.676986 340.428058-1.676986a80.37658 80.37658 0 0 0 80.881159-79.89426zM542.616116 766.21913H413.391768a5.691362 5.691362 0 0 1-5.698782-5.683942v-58.241855a5.691362 5.691362 0 0 1 5.698782-5.683942H547.246377c38.540986 0 69.750725-28.93913 69.750724-64.638145a54.361043 54.361043 0 0 0-1.840231-13.950145 69.231304 69.231304 0 0 0-32.359884-40.499942 65.335652 65.335652 0 0 0-25.525798-9.267942c-3.33913-0.385855-6.678261-0.675246-10.054492-0.890434-6.552116-0.408116-13.126493-0.25971-19.69345-0.259711-11.375304 0-22.201507 0.230029-33.309681 0.230029v38.184812a6.270145 6.270145 0 0 1-9.290203 5.476174L336.243014 529.281855a8.043594 8.043594 0 0 1-0.25971-13.964985L484.715594 426.147246a6.270145 6.270145 0 0 1 9.497971 5.35745v56.282898h15.174493a411.40313 411.40313 0 0 1 57.796638 1.409855 139.649855 139.649855 0 0 1 104.46284 74.692638 166.600348 166.600348 0 0 1 15.10029 72.273623c-1.365333 76.673855-67.294609 130.05542-144.13171 130.05542z m338.758493-421.212753l-744.388638 3.658203h-0.089043a18.892058 18.892058 0 1 1-0.096464-37.776696l744.388637-3.658203h0.089044a18.892058 18.892058 0 1 1 0.096464 37.776696z" fill="#F84F57" p-id="11674"></path></svg>
                            </span>
                            <span style={{
                                marginLeft: '10px',
                            }}>
                                我要换货
                            </span>
                        </p>
                        <p style={{
                            marginLeft: '40px',
                        }}>
                            对收到的商品不满意，可与商家协商换货
                            <span>
                                <div className="top_ding_wei">
                                    <svg t="1739278085091" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12670" width="20" height="20"><path d="M750.768 496.071l-431.027-438.278c-6.686-6.798-17.619-6.891-24.42-0.203-6.801 6.686-6.891 17.62-0.203 24.42l419.018 426.066-424.477 424.478c-6.743 6.743-6.743 17.678 0 24.421 3.372 3.372 7.792 5.058 12.211 5.058s8.84-1.687 12.211-5.058l436.584-436.584c6.705-6.705 6.75-17.56 0.102-24.32z" fill="#8a8a8a" p-id="12671"></path></svg>
                                </div>
                            </span>
                           
                        </p>

                    </div>

                </div>


            </div>
        </div>
    )
}

export default Shen_hou;